<!-- Layout 母模板 -->
<% extend('../../template/layout.art') %>
    <% block('content', function(){ %>
        <div class="je-p20">
            <div class="personal-main">
                <div class="left-box">
                    <div class="ticket-list">
                        <h3>选择门票</h3>
                        <table class="je-table" skin="botline">
                            <thead>
                                <tr>
                                    <th>识别码</th>
                                    <th>票型</th>
                                    <th>票价</th>
                                    <th>选择</th>
                                </tr>
                            </thead>
                            <tbody class="ticket_list">

                            </tbody>
                        </table>
                    </div>

                </div>
                <div class="right-box" id="ticket_li">
                    <h3>已选门票</h3>
                    <!-- <form > -->
                    <table class="je-table" skin="botline">
                        <thead>
                            <tr>
                                <th>选择</th>
                                <th>门票介质</th>
                                <th>票型</th>
                                <th>单价(元)</th>
                                <th>数量(张)</th>
                                <th>金额(元)</th>
                                <th>条码段/卡序列号</th>
                            </tr>
                        </thead>
                        <tbody class="ticket_choice">

                        </tbody>
                    </table>

                    <div class="button-box">
                        <table class="je-table" skin="noline">
                            <tr>
                                <td>
                                    <!-- 总金额：￥<span class="priceAll">0</span> --></td>
                                <td>
                                    <!-- 总数量：<span class="numberAll">0</span> --></td>
                                <td>
                                    <input type="button" class="je-btn je-btn-small je-btn-normal" disabled value="读卡">
                                    <input type="button" class="je-btn je-btn-small je-btn-normal" disabled value="选择条码">
                                    <input type="button" class="je-btn je-btn-small je-btn-normal" disabled id="input_id" value="录入身份证">
                                    <input type="button" class="je-btn je-btn-small je-btn-normal" disabled id="remove_id" value="移除">
                                </td>
                            </tr>
                        </table>
                        <table class="je-table" skin="noline">
                            <tr>
                                <td><button class="je-btn je-btn-big je-f18 je-bg-orange pay-ticket" disabled>确认结算</button></td>
                                <td>
                                    <textarea placeholder="请输入内容" class="je-textarea"></textarea>
                                </td>
                                <td>
                                    <div class="je-btn je-btn-small sale-btn" disabled>打印上一单</div>
                                    <div class="je-btn je-btn-small sale-btn" disabled>退票/退款</div>
                                </td>
                            </tr>
                        </table>
                    </div>

                </div>

                <!-- /.container-fluid -->
            </div>
            <div id="ticket_02" class="Ticket_temp"></div>
            <script type="html" id="ticket_list">
                <tr>
                    <td class="id" style="display:none">{id}</td>
                    <td class="code">{code}</td>
                    <td class="name">{name}</td>
                    <td class="price">{price}</td>
                    <td><button class="je-btn je-btn-small je-btn-normal push-select">选择</button></td>
                </tr>

            </script>
            <script type="html " id="ticket_choice">
                <tr class="ticket_{id} ">
                    <td>
                        <input type='checkbox' name='checkbox' checked value="{id}">
                    </td>
                    <td><input type="text" value="{code}" class="tickedcode" readonly="readonly"></td>
                    <td><input type="text" value="{name}" class="ticketname" readonly="readonly"></td>
                    <td class="price">￥<input type="text" value="{price}" class="ticketprice" readonly="readonly"></td>
                    <td class="number">1</td>
                    <td>￥<input type="text" class="amount" id="amount" value="1" readonly="readonly"></td>
                    <td class="nameid">请添加身份信息</td>
                </tr>
            </script>
            <script type="html" id="ticket-info">
                <tr>
                    <td style="display:none">{id}</td>
                    <td>{name}</td>
                    <td>{number}</td>
                    <td>{amount}</td>
                </tr>
            </script>
            <script type="html" id="Ticket_temp">
                <div class="printticket">
                    <div style="height:0px"></div>
                    <table width="180" height="280" border="0" cellspacing="0" cellpadding="0" id="ticekt{id}">
                        <tr>
                            <td style="width:180;">
                                <div id="code_{id}"></div>
                            </td>
                        </tr>
                        <tr>
                            <td style="font-size:18px;">门票:{ticket}</td>
                        </tr>
                        <tr>
                            <td style="font-size:18px;">人数:1</td>
                        </tr>
                        <tr>
                            <td style="font-size:18px;">金额:￥{price}</td>
                        </tr>
                        <tr>
                            <td style="font-size:18px;">有效日期:{valiTime}</td>
                        </tr>
                        <tr>
                            <td style="font-size:18px;">出票日期:{createTime}</td>
                        </tr>
                    </table>
                    <div style="height:3000px"></div>
                </div>
            </script>

            <script src="/js/lib/LodopFuncs.js?v=20170922"></script>
            <script>
                jeui.use(["jquery", "jeBox", "jeLayout", "jeTabPane", "jeAccordion", "jeCheck", "jeDate", "jeNavTab", "jeProgress", "jeSelect", "jeDropdown", "jeTable"], function() {
                    $(".ticket_choice").jeCheck({
                        jename: "checkbox"
                    });
                })
            </script>
        </div>
        <% }) %>